<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>

<script type="text/javascript">
	
	
	function init(){
		var video = document.getElementById( "video" );
		video.src = "./assets/movie.webm";
		
		////////////////////////////////////////////////
		//http://html5.clearboth.org/video.html#mediaevents
		////////////////////////////////////////////////
		
		video.addEventListener("loadstart", videoEventHandler );
		video.addEventListener("progress", videoEventHandler );
		video.addEventListener("loadmetadata", videoEventHandler );
		video.addEventListener("loadeddata", videoEventHandler );
		video.addEventListener("canplay", videoEventHandler );
		video.addEventListener("canplaythrough", videoEventHandler );
		video.addEventListener("stalled", videoEventHandler );
		video.addEventListener("suspend", videoEventHandler );
		video.addEventListener("abort", videoEventHandler );
		video.addEventListener("error", videoEventHandler );
		video.addEventListener("stalled", videoEventHandler );
		video.addEventListener("load", videoEventHandler );
		video.addEventListener("loadend", videoEventHandler );
		
		function videoEventHandler( event ){ console.log( event.type )}
	}
</script>
</head>
<body onload="init();">
	<video id="video" preload="metadata" autoplay>
		<!-- 
		<source src="./assets/movie.webm" type="video/webm"></source>
		<source src="./assets/movie.mp4" type="video/mp4"></source>
		<source src="./assets/movie.ogv" type="video/ogg"></source>
		 -->
	</video>
</body>
</html>